<template>
  <div>
    <el-container style="height: 1000px; border: 1px solid #eee">
      <el-header style="background-color: rgb(238, 241, 246); font-size: 40px"
        >tlias管理平台</el-header
      >
      <el-container>
        <el-aside width="200px" style="border: 1px solid #eee">
            <el-menu :default-openeds="['1', '3']">
            <el-submenu index="1">
                <template slot="title"><i class="el-icon-message"></i>系统信息管理</template>
                <el-menu-item-group>
                <el-menu-item index="1-1">
                    <router-link to="/dept">部门管理</router-link>
                </el-menu-item>
                <el-menu-item index="1-2">
                    <router-link to="/emp">员工管理</router-link>
                </el-menu-item>
                </el-menu-item-group>
            </el-submenu>
            </el-menu>
        </el-aside>

        <el-main>

            <el-table :data="tableData">
                <el-table-column prop="name" label="姓名">
                </el-table-column>
                <el-table-column label="图片">
                    <template slot-scope="scope">
                        <img :src="scope.row.image" width="100px" height="100px">
                    </template>
                </el-table-column>
                <el-table-column label="性别">
                    <template slot-scope="scope">
                        {{scope.row.gender == 1 ? "男" : "女"}}
                    </template>
                </el-table-column>
                <el-table-column prop="job" label="职位">
                </el-table-column>
                <el-table-column prop="entrydate" label="入职日期">
                </el-table-column>
                <el-table-column prop="updatetime" label="更新时间">
                </el-table-column>
            </el-table>

        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {
            tableData: [],
        }
    },
    methods: {
    },
    mounted() {
        axios.get("https://mock.apifox.cn/m1/3128855-0-default/emp/list").then(result => {
            this.tableData = result.data.data
        })
    }
};
</script>

<style>
</style>